.clinetDetails{
	/*margin-top: 2.666667rem;*/
	padding-bottom: 2rem;
	background-color:#F1F1F1;
	.clinetDetails_header{
		background-color: #fff;
		padding:0.666667rem;
		.clinetDetails_news{
			height:4.666667rem;
			margin:0 0.2rem;
			border-bottom:#ddd 0.066667rem solid;
			>img{
				width:4.0rem;
				height:4.0rem;
				border-radius: 0.133333rem;
				float: left;
				margin-right: 0.666667rem;
			}
			.clinetDetails_name{
				font-size:1.066667rem;
				color:#000;
				width:8.333333rem;
				line-height: 2rem;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			>a{
				color:#999999;
				font-size:0.8rem;
			}
			.clinetDetails_mag{
				padding:0.3rem 0.933333rem;
				border:#26C125 0.066667rem solid;
				color:#26C125;
				font-size:0.933333rem;
				position: absolute;
				right:1.2rem;
				top:2rem;
				border-radius: 0.133333rem;
			}
		}
		.clinetDetails_data{
			padding:0.666667rem .2rem;
			clear: both;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			>div{
				width:50%;
				&:first-of-type{
					text-align:left;
				}
				&:last-of-type{
					text-align:center;
				}
				>p{
					color:#666666;
					font-size:0.933333rem;
				}
				>span{
					color:#09BB07;
					font-size:1.466667rem;
				}
			}
		}
		.clinetDetails_line{
			height:2.2rem;
			width: 0.066667rem;
			background-color: #999999;
			position: absolute;
			left:50%;
			top:7.2rem;
		}
	}
	.clinetDetails_label{
		margin-top: 0.333333rem;
		background-color: #fff;
		padding:0.666667rem;
		&::before,
		&::after{
	    content: "";
	    display: block;
	    height: 0;
	    line-height: 0;
	    visibility: hidden;
	    clear: both;
		}
		>span{
			&:first-of-type{
				color:#333;
				font-size:1.066667rem;
				float: left;
			}
			&:last-of-type{
				float: right;
				color:#666;
				font-size: 1.066667rem;
			}
		}
		.clinetDetails_label_list{
			background-color: #fff;
			clear: both;
			margin-top: 2.2rem;
			&::before,
			&::after{
		    content: "";
		    display: block;
		    height: 0;
		    line-height: 0;
		    visibility: hidden;
		    clear: both;
			}
			li{
				float: left;
				width:7.333333rem;
				height:2.0rem;
				line-height: 2.0rem;
				text-align: center;
				padding:0 0.666667rem;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				margin:0.2rem;
				font-size:0.933333rem;
				border-radius: 1rem;
				&:nth-child(1){
					background-color: #F6F1E4;
					color:#BAA265;
				}
				&:nth-child(2),&:nth-child(4){
					background-color: #E7F3F2;
					color:#4CA9A1;
				}
				&:nth-child(3){
					background-color: #E7F3EE;
					color:#61A689;
				}
				&:nth-child(5){
					background-color: #F7EFE8;
					color:#BE9B7C;
				}
				&:nth-child(6){
					background-color: #EDF4F8;
					color:#789FB6;
				}
			}
		}
	}
	.clinetDetails_nav{
		clear:both;
		margin-top: 0.333333rem;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		background-color: #fff;
		height:2.666667rem;
		line-height: 2.666667rem;
		>div{
			color:#333;
			font-size:1.066667rem;
		}
	}
	.clinetDetails_nav_line{
		height:1.466667rem;
		width:0.066667rem;
		background-color: #999;
		position: absolute;
		left:50%;
		margin-top: -2rem;
	}
	.changeTime{
		background-color: rgba(0,0,0,0.5);
		position: fixed;
		left:0;
		bottom:0;
	}
	.clinetDetails_employee_closing{
		width: 100%;
		height:100%;
		position: fixed;
		top:0;
		left:0;
		background-color: rgba(0,0,0,0.5);
		.clinetDetails_closing_content{
			width:25rem;
			bottom: 0;
			position: fixed;
			height:17.066667rem;
			background-color: #fff;
			.clinetDetails_closing__title{
				height:3.333333rem;
				border-bottom:#ddd 0.066667rem solid;
				text-align: center;
				color:#333;
				line-height: 3.333333rem;
				font-size: 1.066667rem;
				padding:0 1.0rem;
				span{
					position: absolute;
					font-size: 0.933333rem;
				}
				.clientLabel_left{
					left:1.5rem;
					top:0;
					color:#333;
				}
				.clientLabel_right{
					left: 22rem;
					top: 0rem;
					color: #09BB07;
				}
			}
			.ul_contain{
				position: relative;
				height: 10.0rem;
				margin-top: 2rem;
				overflow: hidden;
			}
			ul{
				transition: all ease 1s;
				position: relative;
				top: -94rem;
			}
			li{
				text-align: center;
				font-size: 1.466667rem;
				line-height: 2rem;
			}
			.fontSize2{
				color:rgba(51,51,51,0.5) !important;
			}
			.fontSize1{
				color:rgba(51,51,51,0.7) !important;
			}
			.fontSize{
				border-top:#ddd 0.066667rem solid;
				border-bottom:#ddd 0.066667rem solid;
			}
		}
	}
	input.ant-calendar-picker-input{
		display: none;
	}
}